<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">
    
    <h:head>
        <title>#{beanUsuario.nombre}</title>
        <meta charset="utf-8" />
        <link rel='stylesheet' type='text/css' href='css/estilo.css'/>
        <script src="js/jquery.js" type="text/javascript"></script>
        <script src="js/jqFancyTransitions.js" type="text/javascript"></script>
        <script>
            $(document).ready( function(){           
                $('#slideshowHolder').jqFancyTransitions({ width: 600, height: 400 , delay: 2000});           
            });       
        </script>  
    </h:head>
    <h:body> 
            <div id="menu_tab">

                <ui:insert name="stack">
                    <ui:include src="stack.xhtml" />
                </ui:insert>

            </div>
            <p:growl id="PublicMessages" ></p:growl>
            <div class="wrapper">

                <div id="principal">
                    <h1>Bienvenido a Simba </h1> <br/> 
                    <h2>Software Para Hojas de Vidas en Asuntos Docentes</h2>
                    <br/><br/><br/><br/>
                    <h:panelGroup id="content">                              
                        <center>
                            <div id="slideshowHolder">
                                <img src="images/slider1.jpg"/>
                                <img src="images/slider2.jpg"  />
                                <img src="images/slider3.jpg"  />
                                <img src="images/slider4.jpg" />
                                <img src="images/slider5.jpg" />
                            </div>
                        </center>
                    </h:panelGroup>
                </div>

            </div><!-- end wrapper --> 
    </h:body>
</html>